<template>
  <div class="box2">
    <div class="box3">
      <router-view></router-view>
    </div>

    <ul>
      <li><router-link to="/Shou/Shou2">面经</router-link></li>
      <li><router-link to="/Shou/Cang2">收藏</router-link></li>
      <li><router-link to="/Shou/Xi2">喜欢</router-link></li>
      <li><router-link to="/Wo2">我的</router-link></li>
    </ul>
  </div>
</template>
<script>
export default {
  name: '',
  data () {
    return {

    }
  },
  created () {
  },
  computed: {
  },
  methods: {
  }
}
</script>
<style lang='less'  scoped>
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
// ul {
//   display: flex;
//   justify-content: space-between;
//   justify-content: center;
//   width: 100%;
//   height: 50px;
//   list-style: none;
//   li {
//     flex: 1;
//     padding: 20px;
//     background-color: pink;
//     text-align: center;
//     a {
//       display: block;
//       width: 100%;
//       height: 100%;
//     }
//   }
//   li:hover {
//     color: red;
//   }
// }
ul {
  height: 50px;
  background-color: #fff;
  list-style: none;
  // position: fixed;
  // bottom: 0;
  display: flex;
  width: 100%;
  li {
    margin: 10px 0;
    flex: 1;
    line-height: 50px;
    text-align: center;
    .bb {
      background-color: pink;
    }
  }
}

// .bb {
//   background-color: yellow;
// }
.box2 {
  height: 100vh;
  display: flex;
  flex-direction: column;
  .box3 {
    flex: 1;
    overflow: auto;
  }
}
</style>
